<template>
  <!-- 2设备抗定位 -->
  <div class="xdDialog">
    <div class="_bg2">
      <div class="title">
        评估信息
      </div>
      <div class="body">
        <div class="unit-info">
          <span>IP地址：</span>
          <span class="right-align">10.10.10.1</span>
        </div>
        <div class="unit-info">
          <span>所属单位：</span>
          <span class="right-align">XXXXXX单位</span>
        </div>
        <div class="unit-info">
          <span>抗定位前地理位置距离：</span>
          <span class="right-align redtext">2.1KM</span>
        </div>
        <div class="unit-info">
          <span>抗定位后坐标：</span>
          <span class="right-align ">33.6246， 126.3656</span>
        </div>
        <div class="unit-info">
          <span>抗定位后估计坐标：</span>
          <span class="right-align ">河南省郑州管城回族区英协路5号</span>
        </div>
        <div class="unit-info">
          <span>抗定位后地理位置距离：</span>
          <span class="right-align greentext">45KM</span>
        </div>
      </div>

      <div class="bt">
        <el-button>详情</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.xdDialog {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 400px;
  height: 280px;
  z-index: 100;

  .body {
    color: #90CEE9;
    font-size: 16px;
  }
  ._bg2 {
    position: absolute;
    top: 300px;
    left: 100px;
    width: 100%;
    height: 100%;
    background-image: url("~@/assets/xd/dialogbg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #4983ca;
    padding: 10px;
    font-size: 14px;
  }

  .title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    line-height: 19px;
    text-align: left;
    font-style: normal;
    text-align: center;
    padding: 20px;
    font-weight: bold;
  }


  .redtext {
    color: red;
    font-weight: bold;
  }

  .greentext {
    color: #98de00;
    font-weight: bold;
  }

  .bt {
    position: absolute;
    bottom: 10px;
    left: 170px;
  }

  .el-button {
    font-size: 13px;
      width: 80px;
        height: 30px;    background: linear-gradient(270deg, #2DB2FD 0%, #0E5FFF 100%);
    border-radius: 2px 2px 2px 2px;
    border: none;
    color: #fff;
    text-align: center;
  }
}


</style>